<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<style>
    .modal {
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
</style>

<body>
    <div id="rstTip" class="modal" style="font-size: 100px;"></div>

    <div id="header">
        <div style="font-size: 30px; text-align: center;">通通加油背单词
        </div>
        <div id="divFile">
            <div>
                <input type="radio" id="words" name="choose" value="words" checked />
                <label for="dewey">单词</label>
            </div>
            <div>
                <input type="radio" id="phrase" name="choose" value="phrase" />
                <label for="louie">词组</label>
            </div>
            <input type="file" id="fileInput" accept=".xlsx">
            <div id="output">还未选择文件</div>
        </div>
        <p></p>
        <div id="divChooseChapter">
            <span>按照学期测试</span>
            <select name="" id="selectTerm"></select>
            <span id="divChaptersArea"></span>
            <div><button id="btnReMake">重新生成</button></div>

        </div>
    </div>


    <div id="content">
        <div id="wordsExamDiv" style="float: left;">
            <p><span>时长</span> <input type="text" id="time" readonly disabled></p>
            <p><span>标号</span> <input type="text" id="no" readonly disabled></p>
            <p><span>含义</span> <input type="text" id="han" readonly disabled></p>
            <p><span>英语</span> <input type="text" id="ying"><button id="confirm">提交</button></p>
            <p><button id='finish'>交卷</button> <button id="exportErrBtn">导出错误</button></p>
        </div>
        <div id="result" style="float: left;">
            <div><span>正确数：</span><span id="rstRight">0</span></div>
            <div><span>错误数：</span><span id="rstWrong">0</span></div>
            <div><span>正确率：</span><span id="rstRate">0</span></div>
            <div><span>完成时长：</span><span id="rstTime">0</span></div>
        </div>

    </div>
    <p></p>

    <div id="errList" style="position:absolute; top: 10px; right: 10px;  height: 600px;  overflow: scroll;">

    </div>

</body>
<script>

</script>

</html>